<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <style>
        .bg {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url(../image/bgpic.jpg);
            background-size: cover;
            background-repeat: no-repeat;
        }

        .qrcode {
            width: 11rem;
            height: 11rem;
            position: relative;
            top: 11rem;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <div class="bg vue">
        <div class="loading" v-if="loading"></div>
        <img :src="qrcode" class="qrcode">
    </div>
    <script type="text/javascript" src="../script/vue.js"></script>
    <script type="text/javascript" src="../script/app.js"></script>
    <script type="text/javascript">
        apiready = function() {
            var user = app.getUser();
            var Ve = new Vue({
                el: '.vue',
                data: {
                    loading: true,
                    qrcode: user.shop_qrcode
                },
                created: function() {
                    this.$nextTick(function() {
                        this.loading = false
                    })
                }
            })
        }
    </script>
</body>

</html>
